<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Main Stylesheets -->
	<link rel="stylesheet" href="css/style.css" />

    <!--====== Javascripts & Jquery ======-->
	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/isotope.pkgd.min.js"></script>
	<script src="js/circle-progress.min.js"></script>
	<script src="js/main.js"></script>
</head>

<body>
    <!-- Page Preloder -->
    <div id="preloder">
        <div class="loader"></div>
    </div>

    <div class="sp-line"></div>

    <!-- Header section -->
    <header class="header-section">
        <div class="container">
            <ul class="main-menu-left site-menu-style">
                <li><a href="index.html">Home</a></li>
                <li><a href="about.html">About the Brand </a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
            </ul>
            <a href="index.html" class="site-logo">
                <img src="img/logo.png" alt="">
            </a>
            <ul class="main-menu-right site-menu-style">
                <li><a href="elements.html">Shop </a></li>
                <li><a href="blog.html">News</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div class="search-switch">
            <img src="img/search-icon.png" alt="">
        </div>
    </header>
    <!-- Header section end -->
</body>

</html>